import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import Info from './Info';
class Contact extends Component {
    render() {
        console.log('=================CONTACT===================');
        console.log(this.props);
        console.log('====================================');
        return (
            <div>
                <h1>Contact</h1>
                <ul>
                    <li>
                        <Link to={`${this.props.match.url}/11`}>11</Link>
                    </li>
                    <li>
                        <Link to={`${this.props.match.url}/12`}>12</Link>
                    </li>
                    <li>
                        <Link to={`${this.props.match.url}/13`}>13</Link>
                    </li>
                    
                </ul>
                <Route exact path={`${this.props.match.url}/:id`} component={Info}/>
            </div>
        )
    }
}

export default Contact